<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--  过滤器可用与 插值表达式和v-bind属性绑定  -->
<div id="app">
    <input type="text" v-model="message"/>
</div>
<script src="./lib/vue-2.6.12.js"></script>
<script>
    const vm = new Vue({
        el: '#app',
        data: {
            message: ''
        },
        watch: {
            // 侦听器本质是一个函数，要监视哪个数据的变化，就把数据名作为方法名即可，新指在前，旧指在后
            message(newValue,oldValue) {
                console.log('侦听到的值：',newValue,oldValue)
            }
        }
    })
</script>
</body>
</html>